<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

	</head>

	<body>
		<button>加载地名</button>
		<table border="" cellspacing="" cellpadding="">
			<caption>
				<h2>Area</h2>

			</caption>
			<tr>
				<th>编号</th>
				<th>地名</th>
			</tr>

			<tbody id="tbody">

			</tbody>

		</table>

	</body>
	<script type="text/javascript">
		$("button").click(function() {

			$.getJSON("/demo/area", function(studens) {

				var str = ""
				for(var i = 0; i < studens.length; i++) {
					var name = studens[i].name;
					var id = studens[i].id;
					str += "<tr>"
					str += "<td>" + id + "</td>"
					str += "<td>" + name + "</td>"
					str += "</tr>"
				}

				$("#tbody").html(str)

			})

		})
	</script>

</html>